<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" >
<title>Qualish Group - Software Guides</title>
<link rel="stylesheet" type="text/css" href="../style.css" />
<link rel="shortcut icon" href="../resources/images/qualish.ico" >
</head>
<body bgcolor="#494949">
<center>





<!-- Banner -->
<table cellpadding="0" cellspacing="0" class="banner">
		<td class="qualishbutton" onclick="location.href='../index.html'" onmouseover="this.style.backgroundImage = 'url(../resources/images/qualishbutton-select.png)';" onmouseout="this.style.backgroundImage = 'url(../resources/images/qualishbutton.png)';"></td>
		<td style="width: 10px;"></td>
		<td class="audacitybutton" onclick="location.href='../audacity/index.html'" onmouseover="this.style.backgroundImage = 'url(../resources/images/audacity-select.png)';" onmouseout="this.style.backgroundImage = 'url(../resources/images/audacity.png)';"></td>
		<td class="avastbutton" onclick="location.href='../avast/index.html'" onmouseover="this.style.backgroundImage = 'url(../resources/images/avast-select.png)';" onmouseout="this.style.backgroundImage = 'url(../resources/images/avast.png)';"></td>
		<td class="malwarebytesbutton" onclick="location.href='../malwarebytes/index.html'" onmouseover="this.style.backgroundImage = 'url(../resources/images/malwarebytes-select.png)';" onmouseout="this.style.backgroundImage = 'url(../resources/images/malwarebytes.png)';"></td>
		<td class="firefoxbutton" onclick="location.href='../firefox/index.html'" onmouseover="this.style.backgroundImage = 'url(../resources/images/firefox-select.png)';" onmouseout="this.style.backgroundImage = 'url(../resources/images/firefox.png)';"></td>
		<td class="libreofficebutton" onclick="location.href='../libreoffice/index.html'" onmouseover="this.style.backgroundImage = 'url(../resources/images/libreoffice-select.png)';" onmouseout="this.style.backgroundImage = 'url(../resources/images/libreoffice.png)';"></td>
		<td class="photoscapebutton" onclick="location.href='index.html'" onmouseover="this.style.backgroundImage = 'url(../resources/images/photoscape-select.png)';" onmouseout="this.style.backgroundImage = 'url(../resources/images/photoscape.png)';"></td>
		<td style="width: 10px;"></td>
</table>







<!-- Content -->
<table cellpadding="0" cellspacing="0" class="main">
	
	<!-- Navigation Pane -->
	<td id="navpane" class="navpane">

	<h2 style="text-align: center; color: white;">Photoscape v3.6</h2>

	<ol>
		<li><a href="index.html">Introduction</a></li>
		<li><a href="gettingstarted.html">Getting Started</a></li>
		<ul>
			<li><a href="gettingstarted.html#1" class="inactive">Downloading and Installing</a></li>
		</ul>
		<li><a href="viewer.html">Viewer</a></li>
		<ul>
			<li><a href="viewer.html#1" class="inactive">Choose Picture Location</a></li>
			<li><a href="viewer.html#2" class="inactive">Slide Show</a></li>
			<li><a href="viewer.html#3" class="inactive">Full Screen</a></li>
			<li><a href="viewer.html#4" class="inactive">Delete</a></li>
			<li><a href="viewer.html#5" class="inactive">Print</a></li>
			<li><a href="viewer.html#6" class="inactive">Rotate</a></li>
		</ul>
		<li><a href="editor.html">Editor</a></li>
		<ul>
			<li><a href="editor.html#1" class="inactive">Choose Picture Location</a></li>
			<li><a href="editor.html#2" class="inactive">Resize</a></li>
			<li><a href="editor.html#3" class="inactive">Crop</a></li>
			<li><a href="editor.html#4" class="inactive">Frame</a></li>
			<li><a href="editor.html#5" class="inactive">Contrast</a></li>
			<li><a href="editor.html#6" class="inactive">Color</a></li>
			<li><a href="editor.html#7" class="inactive">Sharpen</a></li>
			<li><a href="editor.html#8" class="inactive">Artistic</a></li>
			<li><a href="editor.html#9" class="inactive">Objects</a></li>
			<li><a href="editor.html#10" class="inactive">Tools</a></li>
		</ul>
		<li><a href="batcheditor.html">Batch Editor</a></li>
		<li><a href="page.html">Page Layout</a></li>
		<li><a href="combine.html">Combine</a></li>
		<li style="color: #fad478; font-weight: bold;">Animated GIF</li>
		<ul>
			<li><a href="#1" class="jump">Add</a></li>
			<li><a href="#2" class="jump">Settings</a></li>    
			<li><a href="#3" class="jump">Preview</a></li>
			<li><a href="#4" class="jump">Save</a></li>
		</ul>
		<li><a href="print.html">Print</a></li>
		<li><a href="troubleshooting.html">Troubleshooting</a></li>
	</ol>

	</td>

	<td class="space"></td>

	<!-- Content Pane -->
	<td id="content" class="content">

			<center>

			<h2>8. Animated GIF Images</h2>

			<hr class="doubleline"></hr>

			<br>

			<img src="photoscape-logo.jpg" border="0"></img>

			<br><br>

			</center>

			The Viewer feature takes your pictures and creates an animated GIF.

			<a name="1"></a>
			<br><br><font class="sectionheader">Add</font>
			<br><hr class="doubleline"></hr>
				
				<ol>
					<li> Run PhotoScape.</li>
					<li>Click <b>Animated GIF</b> at the top of the window.</li>
					<li>On the upper-left side of your window, click on the location of your pictures.<br>
						<div class="note">Note: Your pictures appear in the window on the bottom-left.</div>
					</li>
					<li>Click and drag your pictures to the page layout screen in the order you want them to appear in the animation (Figure 8.1).
						<br><br>
						<div id="figure" class="figure"><b>Figure 8.1:</b> Arrange your pictures into the order you want them to appear.<br><img src="Anim1.jpg" class="big"></img></div>
					</li>
				</ol>


			<a name="2"></a>
			<br><font class="sectionheader">Settings</font>
			<br><hr class="doubleline"></hr>
				
				<ol>
					<li>In the options window at the right, click <b>Change Time</b> to change the time that each of your pictures is shown.</li>
					<li>Click <b>Change Effect</b> to change how your pictures are transitioned.</li>
					<li>Slide the <b>Resize Ratio</b> slider to change the size of your GIF.</li>	
				</ol>


			<a name="3"></a>
			<br><font class="sectionheader">Preview</font>
			<br><hr class="doubleline"></hr>
				
				<ol>
					<li>
						To see how your animated GIF looks, click <b>Web Browser Preview</b>.<br>
						<div class="note">Note: This opens your animated GIF in a Web browser (Figure 8.2).</div>
						<br>
						<div id="figure" class="figure"><b>Figure 8.2:</b> View your animated GIF.<br><img src="anigif.gif" class="big"></img></div>
					
					</li>
				</ol>			


			<a name="4"></a>
			<br><font class="sectionheader">Save</font>
			<br><hr class="doubleline"></hr>
				
				<ol>
					<li>Click <b>Save</b>.</li>
				</ol>



		<center>
		<table cellpadding="0" cellspacing="0" id="arrow" class="arrow">
			<td class="arrow-left"></td>
			<td class="arrow-middle"><a href="print.html">Print</a></td>
			<td class="arrow-right"></td>
		</table>
		</center>

	</td>

</table>

</table>
</body>
</html>